﻿<!doctype html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>jQuery按比例生成图片缩略图插件</title>
	<!--[if IE]>
		<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
	<![endif]-->
</head>
<body>
	<div class="container">
		<div class="content bgcolor-8">
			<div class="demo-container">
            <hr/>
            <div id="playground" class="row mg">
                <div class="span6">
                    <form class="plr">
                        <div class="row">
                            <label class="tr"></label>
                            <div class="input">
                                <div class="plr tr">
                                    <button id="generate" type="button">生 成</button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="span6 tc">
                    <div class="plr tc">
                        <div class="frame" style="width: auto;">
                            <div class="frame-pad"><img src="img/picture.jpg" id="demo" /></div>
                        </div>
                    </div>
                </div>
            </div>
            </div>
		</div>
	</div>
	
	<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="js/jqthumb.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>
</html>